<template>
  <div>


    <van-nav-bar
	:fixed=true
      title="消息"
      left-arrow
      @click-left="onClickLeft"
    />
	<van-pull-refresh v-model="isLoading" @refresh="onRefresh" success-text="刷新成功" >
		<div class="news">
      <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1572675085031&di=f14fe17195f20c06f008818d7ef9a5f8&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F6c88a8ee65eb93faa690affe4d0465bd074629445d49-EE92sU_fw658" alt="">
      <p>啥都没有呢</p>
		</div>
	</van-pull-refresh>
  </div>
</template>

<script>
  export default{
    name:'News',
    data(){
      return{
		  active:0,
		isLoading:''
      }
    },
	methods:{
		onClickLeft() {
		      this.$router.go(-1)
		    },
		 onRefresh() {
		      setTimeout(() => {
		        this.$toast('刷新成功');
		        this.isLoading = false;
		        // this.count++;
		      }, 500);
		    }
	}
  }
</script>

<style scoped="">
	.van-icon-arrow-left{
		color: #888888;
		font-size: 16px;
	}
	.news{
		height: 600px;
	}
  img{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 180px auto;
  }
  p{
    font-size: 14px;
    width: 70px;
    color: #888888;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 340px auto;
  }
</style>
